<template>
  <div>
    <van-nav-bar title="购物车">

        <template #left >
  <router-link to="/">
    返回</router-link>
  </template>
    </van-nav-bar>
    <!-- shopping-cart 购物车列表 -->
    <van-card
      price="145.00"
      desc="描述信息"
      title="商品标题"
      thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
    >
      <template #tags>
        <van-tag plain type="danger">标签</van-tag>
        <van-tag plain type="danger">标签</van-tag>
      </template>
      <template #footer>
        <van-stepper v-model="value" />
      </template>
    </van-card>

    <!-- 底部结算栏 -->
    <van-submit-bar :price="3050*value" button-text="提交订单" class="gowuche"/>

    <my-bottom/>
  </div>

</template>

<script>
import MyBottom from '@/components/MyBottom.vue';
export default {
  components: { MyBottom },
    data() {
    return {
      value: 1,
    };
  },
};
</script>

<style lang="scss" scoped>
.gowuche{
margin-bottom:4rem;
}
</style>